<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/css/themes/icon.css}">
    <link rel="stylesheet" th:href="@{/css/themes/default/easyui.css}">
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/jquery.easyui.min.js}"></script>
    <script th:src="@{/js/easyui-lang-zh_CN.js}"></script>
</head>
<body class="easyui-layout">

<div data-options="region:'north',title:'头部',split:false,height:100,collapsible:false">header</div>
<div data-options="region:'south',title:'脚部',split:true,height:100">footer</div>
<div data-options="region:'west',title:'left',split:true,width:200"></div>
<div data-options="region:'center',title:'中间',split:true">
    <table id="dg" title="雇员信息表" class="easyui-datagrid" style="width:550px;height:250px"
           toolbar="#toolbar"
           rownumbers="true" fitColumns="true" singleSelect="true" >
        <thead>
        <tr>
                <th field="firstname" width="50">First Name</th>
            <th field="lastname" width="50">Last Name</th>
            <th field="phone" width="50">Phone</th>
            <th field="email" width="50">Email</th>
        </tr>
        </thead>
        7369	SMITH	CLERK	3025	0		1988-09-16 00:00:00	20

    </table>
</div>

<!--工具栏-->
<div id="toolbar">
    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">New User</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Edit User</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">Remove User</a>
</div>


<script>
    function addTabs() {
        var exists = $("#tb").tabs("exists", "newtab");
        if (exists) {
            $("#tb").tabs("select", "newtab");
        } else {
            $("#tb").tabs("add", {
                title: 'newtab',
                content: 'new......',
                closable: true
            })
        }
    }
</script>
</body>
</html>